<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
	<head>
		<?php $this->load->view($cfg['tpl'].'public/meta')?>
	</head>

	<!-- body classes: 
			"boxed": boxed layout mode e.g. <body class="boxed">
			"pattern-1 ... pattern-9": background patterns for boxed layout mode e.g. <body class="boxed pattern-1"> 
	-->
	<body>
		<!-- scrollToTop -->
		<!-- ================ -->
		<div class="scrollToTop"><i class="icon-up-open-big"></i></div>

		<!-- page wrapper start -->
		<!-- ================ -->
		<div class="page-wrapper">

			<?php $this->load->view($cfg['tpl'].'public/header')?>

			<!-- banner start -->
			<!-- ================ -->
			<div class="banner">
				<!-- slideshow start -->
				<!-- ================ -->
				<div class="slideshow">
					
					<!-- slider revolution start -->
					<!-- ================ -->
					<div class="slider-banner-container">
						<div class="slider-banner">
							<ul>
								<?php foreach ($ad_pic as $k => $v) {?>
								<li>
								<img src="<?php echo base_url($v['imgthumb'])?>"  alt="<?=(!empty($v['title'])? $v['title'] : "") ?>" >
								</li>
								<?php }?>
							</ul>
							<div class="tp-bannertimer tp-bottom"></div>
						</div>
					</div>
					<!-- slider revolution end -->

				</div>
				<!-- slideshow end -->

			</div>
			<!-- banner end -->


			<!-- page-intro start-->
			<!-- ================ -->
			<div class="page-intro">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<ol class="breadcrumb">
								<li><i class="fa fa-home pr-10"></i><a href="<?=site_url('home')?>">HOME</a></li>
								<li class="active">Product display</li>
							</ol>
						</div>
					</div>
				</div>
			</div>
			<!-- page-intro end -->

			<!-- main-container start -->
			<!-- ================ -->
			<section class="main-container">

				<div class="container">
					<div class="row">

						<!-- main start -->
						<!-- ================ -->
						<div class="main col-md-12">						
							<!-- isotope filters start -->
							<div class="filters">
								<ul class="nav nav-pills">
									<li class="active"><a href="#" data-filter="*">all</a></li>
									<?php foreach ($pcate as $k => $v) {?>
									<li><a href="#" data-filter=".<?=$v['cateid']?>"><?=$v['catename']?></a></li>
									<?php }?>
								</ul>
							</div>
							<!-- isotope filters end -->

						</div>
						<!-- main end -->
					</div>
				</div>

				<!-- section start -->
				<!-- ================ -->
				<div class="gray-bg section">
					<div class="container">
						<!-- portfolio items start -->
						<div class="isotope-container row grid-space-10">
							<?php foreach ($production as $k => $v) {?>
							<div class="col-sm-6 col-md-4 isotope-item <?=$v['cateid']?>">
								<div class="box-style-1 white-bg">
									<div class="overlay-container">
										<img src="<?=base_url($v['imgthumb'])?>" alt="">
										<a href="<?=site_url('production/detail/'.$v['productid'])?>" class="overlay small">
											<i class="fa fa-plus"></i>
											<span><?=$v['model']?></span>
										</a>
									</div>
									<h3><a href="<?=site_url('production/detail/'.$v['productid'])?>"><?=$v['name']?></a></h3>
									<p><?=$v['desc']?></p>
									<a href="<?=site_url('production/detail/'.$v['productid'])?>" class="btn radius btn-warning">More + </a>
								</div>
							</div>
							<?php }?>
						</div>
						<!-- portfolio items end -->
					</div>
				</div>
				<!-- section end -->
			</section>
			<!-- main-container end -->

			<?php $this->load->view($cfg['tpl'].'public/footer')?>

		</div>
		<!-- page-wrapper end -->

	</body>
</html>
